body {
  font-family: "Raleway", sans-serif;
}
.navbar {
  font-weight: 100;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3; 
  .navbar-brand h3 {
    font-weight: 100;
  }
  .nav-item {
    font-size: 1.4rem;
  }
  .nav-link:hover {
    transition: border 0.2s;
    border-bottom: 1px solid white;
  }
}

#showcase {
  background: url("https://i.postimg.cc/4xZkGRqM/main.jpg") bottom center/cover no-repeat;
  min-height: 750px;
  position: relative;

  #overlay {
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     z-index: 1;
  }
  #header {
    z-index: 2; 
  }
  h1 {
    font-family: "Questrial", sans-serif;
    line-height: 1;
  }
  #book {
    font-size: 1.5rem;
    border-radius: 2rem;
  }
}



@media(max-width: 768px) {
  .navbar {
    background: #1f1f1f;
    .nav-link:hover {
      border-bottom: none;
    }
  }
  #showcase {
    min-height: 500px;
    h1 {
      font-size: 4rem;
    }
  }
}

#quotes {
  i {
    opacity: 0.3;
  }
}

#footer {
  font-weight: 100;
}